<template>
  <el-card class="el-card" shadow="hover" style="height: 100px;border-radius: 8px;padding: 0 3px;margin:5px 10px">
    <div>
      <h3 style="margin-left: 20px;margin-top: 0!important;">
        <slot></slot>
      </h3>
    </div>
    <div class="footerItem flex-row">
      <div class="what noBorder">
          点击添加详情
      </div>
      <el-button type="success" icon="el-icon-check" circle></el-button>
      <el-button style="margin-left: 10px;" type="danger" icon="el-icon-delete" circle></el-button>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "DetailCard"
}
</script>

<style scoped>

.footerItem{
  justify-content: space-between;
}
.what{
  width: 90%;
  box-shadow: black 0 1px 0 0;
  color: #c8c5c5;
  font-size: 20px;
}
.el-card{
  padding: 0!important;
  height: 120px!important;
}
</style>
